/* header */
.header-warpper{
  background-color: #ffffff ;
}
.header-warpper .header{
  max-width: 1920px;
}
/* header-banner */
.header-banner{}
/* header-content */
.header-content{
 position: relative;
 height: 290px;
 background-color: #eaeaea;
}
.carlogo-warpper{
 position: absolute;
 width: 1176px;
 bottom: 20px;
 left: 50%;
 margin-left: -600px;
 background-color:rgba(250,250,250,0.3);
 padding: 10px 12px;
 z-index: 1;
}
.carlogo{
  display: block;
  background-color:bisque;
}
.carlogo>li{
  background-color: #fff ;
  width: 146px;
  height: 150px;
  float: left;
  display: block;
  position: relative;
  overflow: hidden;
}
.carlogo>li>p{
  position: absolute;
  overflow:hidden;
  width: 146px;
  height: 150px;
  background-color:rgba(33,58,94,0.95);
  top: -150px;
  left: 0;
  text-align: left;
  display: none;
}

.carlogo>li>p>em{
  text-align: center;
  font-size: 14px;
  color: #f4940c ;
  display: block;
  width: 100%;
  margin: 26px auto 16px auto;
}
.carlogo>li>p>span{
  text-align: left;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  padding:0 20px;
  display: block; 
}
/* main */
.main-advantage{
  background-color: #fff;
  height:560px;
  box-sizing: border-box;
  padding: 48px 0 50px 0;
}
.main-advantage-title{
  text-align: center;
  padding: 0;
  margin: 0 0 16px 0;
  font-size: 30px;
  color: #363636;
}
.main-title-line{
  text-align: center;
  margin-bottom: 50px;
}
.main-title-line   span{
  display: inline-block;
  border-bottom: 1px solid #d3dce6;
  width: 292px;
  position: relative;
  top:-4px;
  color: #9b9b9b;
}
.main-title-line-content{
  display: inline-block;
  margin: 0 12px;
  font-size: 10px;
  color: #8a8a8a
}
/* main-1 */
.main-1 .main-title{
  padding-top: 30px;
}
.main-2 .main-title{
  padding-top: 25px;
}
.main-2 .main-title-line {
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 25px;
}
.main-1-warpper{}
.main-1 , .main-2 , .main-3{
  width:1200px ;
  margin:0 auto ;
}
.main-1-content{
  width: 1200px;
  margin:0 auto ;
  padding-bottom: 50px;
}
.main-1-content-item{
  position: relative;
  float: left;
}
.main-1-content-item>img{
 width: 300px;
 height: 180px;
} 
.main-1 .item-go{
  position: absolute;
  right: 16px;
  bottom: 12px;
}
.main-1 .item-go>img{
  width: 22px;
  height: 22px;
}
/* main-2 */
.main-2-warpper{
  background: #eaeaea ;
}
.main-2-content{
  width:1200px;
  height:400px ;
  position: relative;
}
.main-2-content>.swiper-container{
  width:1040px;
  height:400px ;
}
.main-2-content .swiper-slide{
  width: 520px;
  height: 315px;
}
.main-2-content .swiper-slide img{
  width: 100%;
  height: 100%;
  display:block;
}
.main-2-content .swiper-button-prev{
  background: url("../image/home/officialBusiness/left.png") no-repeat 100%  40%;
}
.main-2-content .swiper-button-next {
  background: url("../image/home/officialBusiness/right.png") no-repeat 0% 40%;
}
/* main-3 */
.main-3-warpper{
  background-color: #2b6eae;
}
.main-3-content{
  /* height: 430px; */
}
.main-3-header>.main-title{
  width: 215px;
  text-align: center;
  margin: 0 auto;
  padding:35px 0 20px 0 ;
}
.main-3-header>.main-title-line{
  font-size: 18px;
  color: #fff;
  text-align: center;
}
.main-3-content{
  width: 1200px;
  display: flex;
  justify-content: flex-start;
}
.main-3-content>.main-3-contact{
  border: 1px solid #fff;
  width: 710px;
  margin-left: 60px;
  margin-right: 20px;
  padding:30px 0 0 50px;
  margin-bottom: 128px;
  height: 220px;
}
.main-3-content>.main-3-qrcode{
  
}
.main-3-qrcode>img{
  width:228px ;
  height: 228px;
  border: 1px solid #fff;
  padding: 10px;
  margin-bottom: 20px;
}
.main-3-qrcode>span{
  font-size: 18px;
  color:#fff;
  text-align: center;
  display: block;
}
.main-3-contact-item{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
}
.main-3-contact-item>img{
  width: 24px;
  height: 24px;
  margin-right: 20px;
}
.main-3-contact-item>em{
  display: block;
}
.main-3-contact-item>em>p{
  font-size:14px;
  font-weight: 400;
  line-height: 20px;
  color:#fff;
}

/* footer */
.footer-warpper{
  background-color:#333 ;
}
.footer{
  margin: 0 auto;
  max-width:1140px;
  color: #999 ;
  display: flex ;
  justify-content: space-between;
  align-items: center;
}
.footer-left{
  margin-left: 60px;
}
.footer-left-text1{
  display: block;
  text-align: left;
  font-size: 24px;
  /* line-height:50px; */
  padding-top: 25px;
  padding-bottom: 10px;
}
.footer-left-text2{
  display: block;
  text-align: left;
  font-size: 10px;
  /* line-height:20px; */
  padding-bottom: 30px;
}
.footer-right{
  margin-left: 40px;
}
.footer-right-text1{
  display: block;
  text-align: left;
  font-size: 10px;
  padding-bottom: 10px;
}
.footer-right-text2{
  display: block;
  text-align: left;
  font-size: 10px;
}
/* 间隔线 */
.or-spacer-vertical {
  display: inline-block;
  /* margin-top: 100px; */
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 30px;
  width: 20px;
  position: relative;
}
.or-spacer-vertical .mask {
  overflow: hidden;
  width: 20px;
  height: 80px;
}
.or-spacer-vertical.right .mask:before {
  content: '';
  display: block;
  margin-left: 20px;
  width: 20px;
  height: 100%;
  border-radius: 40px/160px;
  box-shadow: 0 0 8px #fff;
}

/* dialog */
.home-dialog{
  position: fixed;
  right: 0;
  top:200px;
  z-index: 10;
  max-width: 360px;
}
.home-dialog-close{
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
}
/* toTop */
.home-toTop{
  position: fixed;
  right: 0;
  z-index: 10;
  width: 98px;
  height: 98px;
  bottom: 20px;
}
.home-toTop>img{
  width: 100%;
  height: 100%;
}
.home-toTop .totop-button{
  display: block;
}
.home-toTop .totop-button-click{
  display:none;
}
